<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>会员列表</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/footable/footable.core.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link rel="stylesheet" href="css/page.css"/>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/footable/footable.all.min.js"></script>

    <!-- 分页js -->
    <script type="text/javascript" src="js/jquery.page.js"></script>
    <!-- 日期layerDate plugin javascript -->
    <script src="js/plugins/layer/laydate/laydate.js"></script>

    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script>
        $(document).ready(function () {

            $('.footable').footable();
            $('.footable2').footable();

        });
    </script>

    <script src="js/core.js"></script>
    <script src="js/muser.js"></script>
</head>

<body class="gray-bg">

<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h5>会员列表</h5>
                </div>
                <div class="ibox-content">

                    <!-- 顶部工具栏按钮 -->
                    <div class="builder-toolbar">
                        <div class="row">
                            <!-- 工具栏按钮 -->

                            <!-- 搜索框 -->
                        </div>
                    </div>

                    <div class="row">

                        <!-- 多条件搜索 -->
                        <form class="form form-inline search-form-items" method="get">
                            <style>
                                .form-inline .form-group {
                                    margin-right: 12px;
                                    margin-bottom: 15px;
                                }

                                .form-inline .btn {
                                    margin-bottom: 15px;
                                }

                                .form-group .right {
                                    display: inline-block;
                                }

                                @media (max-width: 768px) {
                                    .form-group .left {
                                        width: 25%;
                                    }

                                    .form-group .right {
                                        width: 70%;
                                    }

                                    .search-form-items .search-btn {
                                        width: 100%;
                                    }
                                }
                            </style>
                            <div class="form-group item_status " style="padding-top: 10px;">
                                <label class=" left control-label"> <span>会员类型：</span> </label>
                                <div class="right ">
                                    <select oninput="selectOrdersStatus1(this.value) " id="memberType"
                                            name="memberType "
                                            class="form-control lyui-select select " style="font-size: 13px ">
                                        <option value=''>全部：</option>
                                        <option value="1">体验会员</option>
                                        <option value="2">彩虹会员</option>
                                    </select>
                                </div>
                            </div>

                            <div class="form-group item_status " style="padding-top: 10px;">
                                <label class=" left control-label"><span>身份类型：</span> </label>
                                <div class="right">
                                    <select oninput="selectOrdersStatus2(this.value)" id="userType" name="userType"
                                            class="form-control lyui-select select" style="font-size: 13px">
                                        <option value=''>全部：</option>
                                        <option value="1">普通身份会员</option>
                                        <option value="2">内部员工</option>
                                        <option value="3">介绍人</option>
                                        <option value="4">百夫长</option>
                                        <option value="5">千夫长</option>
                                        <option value="6">加盟商</option>
                                        <option value="7">申请百夫长</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group ">
                                <input type="text" name="phoneNumber" id="phoneNumber" class="search-input form-control" value=""
                                       placeholder="电话或姓名关键字查询">
                            </div>

                            <div class="form-group item_status" id="time" style="padding-top: 10px; ">
                                <input id="startTime" class="laydate-icon form-control layer-date" placeholder="会员注册时间">

                                <input id="endTime" class="laydate-icon form-control layer-date" placeholder="会员注册时间">

                                <span class="">
                    	<a class="btn btn-default search-btn" onclick="searchList();">
                    		<i class="fa fa-search"></i>
                    	</a>
                    </span>
                            </div>

                        </form>
                    </div>
                    <div class="row">
                        <div class="col-sm-1">
                        购买率：
                        <input id="geOneRate" type="text" class="form-control" value="0">
                        </div>
                        <div class="col-sm-1">
                        复购率：
                        <input id="geTwoRate" type="text" class="form-control" value="0">
                        </div>
                    </div>
                </div>




            </div>
            <div class="col-sm-0">
                <div class="input-group">
                    <strong>下级人数 : </strong>
                    <strong id="thiscount"> </strong>
                </div>
            </div>
            <div class="ibox-content" style="overflow:scroll;">
                <table class="table table-stripped toggle-arrow-tiny"
                       style="font-size: 12px;  border-spacing:5px; min-width:1300px" data-page-size="8">
                    <thead>
                    <tr>
                        <th><input type="checkbox"/></th>
                        <th>ID</th>
                        <th>姓名</th>
                        <th>电话</th>
                        <th>身份类型</th>
                        <th>会员类型</th>
                        <th>购买次数</th>
                        <th>消费总额(元)</th>
                        <th>返利总额(哆币/元)</th>
                        <th>收益总额(元)</th>
                        <th>团队人数</th>
                        <th>注册时间</th>
                        <th>身份状态</th>
                        <th>会员二维码</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="thislist">
                    </tbody>
                    <tbody>
                    <tr>
                        <td colspan="8">
                            <div id="pager"></div>
                        </td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
</div>
</div>

<div class="modal inmodal" id="chenge" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <h5 class="modal-title" id="this_title" style="font-size: 20px;"></h5>
            </div>
            <div class="modal-body" style="height: 100px;">
                <div class="form-group item_title " style="padding-right: 10px;">
                    <label class="col-sm-3 control-label">
                        <span>输入密码：</span>
                    </label>
                    <div class="col-sm-9">
                        <input type="text" class="form-control input text" id="password" value="" placeholder=""
                               required="required">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal" href="javascript:history.go(-1);">取消
                </button>
                <button type="button" class="btn btn-white" data-dismiss="modal" onclick="delMuser();">确定</button>
            </div>
        </div>
    </div>
</div>

<div class="modal inmodal" id="chenge1" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <h5 class="modal-title" id="this_title" style="font-size: 20px;"></h5>
            </div>
            <div class="modal-body" style="height: 100px;">
                <div class="right">
                    <select id="memberType1" name="memberType1" class="form-control lyui-select select"
                            style="font-size: 13px">
                        <option value="1">体验会员</option>
                        <option value="2">彩虹会员</option>
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal" onclick="chengeType1();">确定</button>
            </div>

        </div>
    </div>
</div>

<div class="modal inmodal" id="chenge2" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <h5 class="modal-title" id="this_title" style="font-size: 20px;"></h5>
            </div>
            <div class="modal-body" style="height: 100px;">
                <div class="right">
                    <select oninput="chengeType2(this.value)" id="userType1" name="userType1"
                            class="form-control lyui-select select" style="font-size: 13px">

                        <option value="1">普通身份会员</option>
                        <option value="2">内部员工</option>
                        <option value="3">介绍人</option>
                        <option value="4">百夫长</option>
                        <option value="5">千夫长</option>
                        <option value="6">加盟商</option>
                        <option value="7">申请百夫长</option>
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal" onclick="chengeType2();">
                    确定
                </button>
            </div>
        </div>
    </div>
</div>

<div class="modal inmodal" id="chenge3" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <h5 class="modal-title" id="this_title" style="font-size: 20px;"></h5>
            </div>
            <div class="modal-body" style="height: 100px;">
                <div class="right">
                    <select oninput="chengeType3(this.value)" id="memberLevel1" name="memberLevel1"
                            class="form-control lyui-select select" style="font-size: 13px">

                        <option value="1">vip1</option>
                        <option value="2">vip2</option>
                        <option value="3">vip3</option>
                        <option value="4">vip4</option>
                        <option value="5">vip5</option>
                    </select>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal" onclick="loadMyEssay('','','','');">
                    确定
                </button>
            </div>
        </div>
    </div>
</div>

<div class="modal inmodal" id="centurionModal" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content animated bounceInRight">
            <div class="modal-header">
                <h5 class="modal-title" style="font-size: 20px;">百夫长申请审核</h5>
            </div>
            <div class="modal-body" style="height: 100px;">
                申请人： <span id="requireName"></span><br> 是否通过申请？
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-white" data-dismiss="modal" onclick="upgradeToCenturion(1);">
                    通过
                </button>
                <button type="button" class="btn btn-white" data-dismiss="modal" onclick="upgradeToCenturion(2);">
                    拒绝
                </button>
            </div>
        </div>
    </div>
</div>
</body>

</html>